<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
  <%request.setCharacterEncoding("utf-8"); %>
  <link href="${pageContext.request.contextPath}/dist/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
     <style>
        .navbar-default {
            background-color: #000;
        }

        .navbar-default .navbar-nav>li>a {
            color: #fff;
        }

        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
            background-color: #000;
            color: #fff;
        }
        .navbar-default .navbar-nav>li>a:hover {
            color: #fff;
            font-weight: bold;
        }
        .navbar-default .navbar-brand {
    		color: #fff;
		}

        .panel-my {
            border-color: #d6e9c6;
        }

        .panel-my>.panel-heading {
            color: #000;
            background-color: white;
            border-color: #d6e9c6;
            
        }

        .panel-my>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-my>.panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

        .panel-my>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #d6e9c6;
        }
        .list-group-item.active,.list-group-item.active:hover{
            background-color: #cccccc;
        }
    </style>
   <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>